<template>
    <section style="overflow-y: auto;padding-bottom: 10px;" :style="{height: height+'px'}">
        <div style="position: absolute;z-index: 5;width: 100px;right: 1%;">
            <el-row>
                <el-button round size="small" class="el-icon-check" type="primary" @click="saveBtn" :loading="btnLoading"
                           :disabled="!(nodeActions.includes('edit')&&ruleData.size_code_status!=1&&ruleData.id)">
                    保 存
                </el-button>
            </el-row>
            <el-row style="margin-top: 10px">
                <el-button plain round size="small" class="el-icon-upload2" type="primary" @click="importBtn"
                           :disabled="!(nodeActions.includes('import')&&ruleData.size_code_status!=1&&ruleData.id)">
                    导 入
                </el-button>
            </el-row>
        </div>
        <el-row style="margin-top: 10px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">成衣图</span>
        </el-row>
        <el-row style="margin-top: 10px;width: 100%">
            <el-upload action="/api/tool/fileImport" list-type="picture-card"
                       :headers="uploadHeaders"
                       :data="uploadData"
                       :file-list="data.wear_image"
                       :on-success="(res, file, fileList)=>uploadSuccessHandle('wear_image', res, fileList)"
                       :before-upload="beforeUploadHandle">
                <i slot="default" class="el-icon-plus"></i>
                <div slot="file" slot-scope="{file}">
                    <div style="width: 146px;height: 146px;">
                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                    </div>
                    <span class="el-upload-list__item-actions">
                        <span class="el-upload-list__item-preview" @click="previewImgBtn(file)">
                            <i class="el-icon-zoom-in"></i>
                        </span>
                        <span class="el-upload-list__item-delete" @click="delImgBtn(file,'wear_image')">
                            <i class="el-icon-delete"></i>
                        </span>
                    </span>
                </div>
            </el-upload>
        </el-row>
        <el-row style="margin-top: 25px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">部位信息</span>
        </el-row>
        <el-row style="margin-top: 10px;font-size: 14px;">
            <el-col :span="24" v-loading="baseCodeLoading">
                <span><span style="color: red">*</span>服装类别：</span>
                <el-select filterable style="width: 20%" v-model="baseCodeObj" value-key="id" placeholder="请选择服装类别" @change="baseCodeChange" size="small">
                    <el-option v-for="item in baseCodeList" :key="item.id" :label="item.base_category" :value="item"></el-option>
                </el-select>
                <span style="margin-left: 30px;"><span style="color: red">*</span>方案选择：</span>
                <el-select filterable style="width: 20%" v-model="planObj" value-key="id" placeholder="请选择方案" @change="" size="small" :disabled="!baseCodeObj.id">
                    <el-option v-for="item in planList" :key="item.id" :label="item.programme_title" :value="item"></el-option>
                </el-select>
                <el-button type="primary" size="small" :disabled="!baseCodeObj.id || !planObj.id" @click="positionEditBtn" style="margin-left: 6px;">编辑</el-button>
            </el-col>
            <el-col :span="24" style="margin-top: 10px;">
                <span style="color: #409eff; margin: 10px 0">注：修改档差、基码信息，其他尺码信息将同步更新</span>
            </el-col>
            <el-col :span="24" style="margin-top: 10px;" v-if="data.plank_house_table_title">
                <span>尺码：</span>
                <el-checkbox v-for="(item, index) in data.plank_house_table_title.code_list" :key="index" :label="item.size_code.title"
                             v-model="item.is" @change="changeSizeCode($event, index)"></el-checkbox>
            </el-col>
            <el-col :span="24">
                <el-table :data="data.plank_house_table_data" v-if="data.plank_house_table_data" style="width: 98%" class="position_table"
                    size="mini" border row-key="id" :header-cell-style="changeHeaderCellStyle" :cell-style="columnCellStyle">
<!--                    <el-table-column prop="position_title" label="同步上新表" align="center" width="60">-->
<!--                        <template slot-scope="{ row }">-->
<!--                            <el-checkbox v-model="row.is_new" :true-label=1 :false-label=0></el-checkbox>-->
<!--                        </template>-->
<!--                    </el-table-column>-->
                    <el-table-column prop="position_title" label="部位" show-overflow-tooltip></el-table-column>
                    <el-table-column prop="position_method" label="测量方法" width="110">
                        <template slot-scope="{ row }">
                            <el-input v-model="row.position_method" placeholder="请输入测量方法" size="small"></el-input>
                        </template>
                    </el-table-column>
                    <el-table-column prop="gear_difference" label="*档差" align="center">
                        <template slot-scope="{ row , $index}">
                            <el-input v-model.trim="row.gear_difference" placeholder="请输入档差" size="small" type="number" @input="changeGearBtn(row, '', $index)"></el-input>
                        </template>
                    </el-table-column>
                    <template v-if="data.plank_house_table_title" v-for="(item, index) in data.plank_house_table_title.code_list">
                        <el-table-column :key="index" v-if="item.is" :label="item.size_code.title" align="center">
                            <el-table-column :prop="item.size_code.title" :key="index" :label="item.height_code.title ? item.height_code.title+'/'+item.waist_code.title : ''">
                                <template slot-scope="{ row, column , $index}">
                                    <el-input v-model.trim="row.code_list[item.size_code.title]" placeholder="请输入" size="small" type="number"
                                              @input="changeGearBtn(row, column, $index)"></el-input>
                                </template>
                            </el-table-column>
                        </el-table-column>
                    </template>
                    <el-table-column prop="sample_code" :label="data.plank_house_table_title.sample_code" align="center">
                        <template slot-scope="{ row }">
                            <el-input v-model="row.sample_code" placeholder="样板尺寸(cm)" size="small" type="number"></el-input>
                        </template>
                    </el-table-column>
                    <el-table-column prop="sample_code_f1" label="样衣尺寸(cm)" align="center">
                        <template slot-scope="{ row }">
                            <el-input v-model="row.sample_code_f1" placeholder="样衣尺寸(cm)" size="small" type="number"></el-input>
                        </template>
                    </el-table-column>
                    <el-table-column prop="tolerance" label="公差±(cm)" align="center">
                        <template slot-scope="{ row }">
                            <el-input v-model="row.tolerance" placeholder="公差±(cm)" size="small" type="number"></el-input>
                        </template>
                    </el-table-column>
                    <el-table-column prop="remarks" label="备注" align="center">
                        <template slot-scope="{ row }">
                            <el-input v-model="row.remarks" placeholder="备注" size="small"></el-input>
                        </template>
                    </el-table-column>
                    <el-table-column prop="address" label="操作" align="center" width="180">
                        <template slot-scope="scope">
                            <el-button type="text" class="el-icon-delete" size="small" style="color: red" @click="delPositionBtn(scope.$index)"></el-button>
                            <el-tooltip content="上移" placement="top">
                                <el-button type="text" class="el-icon-top" @click="moveBtn('up', scope.$index)"></el-button>
                            </el-tooltip>
                            <el-tooltip content="下移" placement="top">
                                <el-button type="text" class="el-icon-bottom" @click="moveBtn('down', scope.$index)"></el-button>
                            </el-tooltip>
                            <el-tooltip content="置顶" placement="top">
                                <el-button type="text" class="el-icon-upload2" @click="moveBtn('top', scope.$index)"></el-button>
                            </el-tooltip>
                            <el-tooltip content="置底" placement="top">
                                <el-button type="text" class="el-icon-download" @click="moveBtn('bottom', scope.$index)"></el-button>
                            </el-tooltip>
                        </template>
                    </el-table-column>
                </el-table>
                <div class="position-plus" v-if="data.plank_house_table_data" @click="addPositionBtn">
                    <i class="el-icon-plus" style="font-weight: bold"></i>
                </div>
            </el-col>
            <el-col :span="24" v-if="data.specifications_base_cdoe" style="margin-top: 10px;">
                <table border style="width: 98%" class="position_table">
                    <tr>
                        <td style="font-weight: bold;text-align: center;color: #8c939d" v-for="(item, index) in data.plank_house_table_title.code_list" :key="index"
                            v-if="item.is">{{item.size_code.title}}
                        </td>
                    </tr>
                    <tr style="background-color: white">
                        <td v-for="(item, index) in data.plank_house_table_title.code_list" :key="index" v-if="item.is">
                            <el-input v-model="data.specifications_base_cdoe.base_size_code[index].specifications_base_cdoe" placeholder="请输入" size="small"></el-input>
                        </td>
                    </tr>
                </table>
            </el-col>
        </el-row>
        <el-row style="margin-top: 25px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">测量图</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-upload action="/api/tool/fileImport" list-type="picture-card"
                       :headers="uploadHeaders"
                       :data="uploadData"
                       :file-list="data.measure_image"
                       :on-success="(res, file, fileList)=>uploadSuccessHandle('measure_image', res, fileList)"
                       :before-upload="beforeUploadHandle">
                <i slot="default" class="el-icon-plus"></i>
                <div slot="file" slot-scope="{file}">
                    <div style="width: 146px;height: 146px;">
                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                    </div>
                    <span class="el-upload-list__item-actions">
                        <span class="el-upload-list__item-preview" @click="previewImgBtn(file)">
                          <i class="el-icon-zoom-in"></i>
                        </span>
                        <span class="el-upload-list__item-delete" @click="delImgBtn(file,'measure_image')">
                          <i class="el-icon-delete"></i>
                        </span>
                    </span>
                </div>
            </el-upload>
        </el-row>
        <el-row style="margin-top: 25px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">特别注意</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-input type="textarea" v-model="data.be_careful" placeholder="请输入" style="width: 80%" autosize></el-input>
        </el-row>
        <el-row style="margin-top: 25px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">温馨提示</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-input type="textarea" v-model="data.reminder" placeholder="请输入" style="width: 80%" autosize></el-input>
        </el-row>
        <el-row style="margin-top: 25px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">成衣风险</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-input type="textarea" v-model="data.risk" placeholder="请输入" style="width: 80%" autosize></el-input>
        </el-row>
        <el-row style="margin-top: 25px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">样衣修改意见</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-input type="textarea" v-model="data.modify_comments" placeholder="请输入" style="width: 80%" autosize></el-input>
        </el-row>

        <!--图片预览-->
        <el-dialog :visible.sync="previewVisible" width="600px">
            <img width="100%" height="100%" style="object-fit: contain" :src="previewUrl" alt="">
        </el-dialog>

        <!--新增部位信息-->
        <Modal v-model="positionVisible" title="添加部位信息" width="500px" :mask-closable="false">
            <el-form label-width="90px">
                <el-form-item label="部位名称">
                    <el-select v-model.trim="positionStr" value-key="id" size="small" placeholder="请选择部位" style="width: 80%;" clearable filterable remote
                               :remote-method="searchPositionBtn" @change="positionChange">
                        <el-option v-for="(position,index) in positionList" :key="index" :label="position.position_title" :value="position"></el-option>
                    </el-select>
                    <el-checkbox v-model="searchType">精确搜索</el-checkbox>
                </el-form-item>
            </el-form>
            <div slot="footer">
                <i-button type="primary" @click="surePositionBtn" :disabled="!positionForm.position_title">确 定</i-button>
            </div>
        </Modal>

        <!--导入信息--尺寸表-->
        <Modal v-model="copyVisible" title="导入信息--尺寸表" width="600px" :mask-closable="false">
            <el-form label-width="50px" inline>
                <el-form-item label="款号">
                    <el-input v-model.trim="copyForm.type_no" size="small" style="width: 240px;vertical-align: baseline" placeholder="请输入完整的款号" clearable>
                        <el-button slot="append" icon="el-icon-search" @click="searchRule" :loading="searchLoading"></el-button>
                    </el-input>
                </el-form-item>
                <el-form-item label="款名">
                    <el-input v-model="copyForm.rule_data.type_name" size="small" placeholder="款名" readonly></el-input>
                </el-form-item>
                <el-form-item>
                    <span style="color: #ff7171"> 注：“已存在的信息”将会被“导入信息”覆盖，请谨慎操作！</span>
                </el-form-item>
            </el-form>
            <div slot="footer">
                <i-button type="primary" @click="copySubmitBtn" :disabled="!copyForm.rule_data.type_name">确 定</i-button>
            </div>
        </Modal>
    </section>
</template>

<script>
import {basecodeList, planList} from "@/api/bs/base";
import {designDetailRule, designDetailRuleSave} from "@/api/bs/design";
import {getToken} from "@/libs/util";
import {positionList} from "@/api/bs/base";

export default {
    name: "designRuleEd",
    props: {
        typeNo:{
            type: String,
            default: ""
        },
        ruleData:{
            type: Object,
            default: {}
        },
        height: {
            type: Number,
            default: 0
        },
    },
    data() {
        return {
            selectIndex: 0,
            btnLoading: false,
            searchLoading: false,
            loading: false,
            data: {},
            user: {},
            nodeActions: [],
            searchType: false,

            previewVisible: false,
            previewUrl: "",
            uploadHeaders: {},
            uploadData:{type: 'design_rule', disk: 'image'},

            baseCodeLoading: false,
            baseCodeList: [],
            baseCodeObj: {},
            planList: [],
            planObj: {},
            is_base_title: "", // 基码
            positionStr: "",
            positionForm: {},
            positionList: [],
            positionVisible: false,

            copyVisible: false,
            copyForm: {type_no: "", rule_data: {}},
        }
    },
    created() {
        this.user = this.$store.getters.user;
        this.nodeActions = this.user.node_actions[this.$route.meta.id] ? this.user.node_actions[this.$route.meta.id] : [];
    },
    watch:{
        ruleData(newValue, oldValue){
            let data = {
                be_careful: "",
                measure_image: [],
                package_number: "",
                plank_house_table_data: [],
                plank_house_table_title: [],
                products_base_cdoe: {},
                reminder: "",
                risk:
                    `1.   面料测试劈裂度需合格后方可生产大货.
2.   金属物件做抗氧化处理.
3.   面料互染色牢度测试需合格后方可生产大货.`,
                modify_comments: "",
                specifications_base_cdoe: "",
                type_no: this.typeNo,
                wear_image: []
            };
            this.data = Object.assign(data, JSON.parse(JSON.stringify(newValue)));
            let wearImage = [];
            let measureImage = [];
            if(this.data.wear_image){
                for(let url of this.data.wear_image){
                    wearImage.push({"url": url});
                }
            }
            if(this.data.measure_image){
                for(let url of this.data.measure_image){
                    measureImage.push({"url": url});
                }
            }
            this.$set(this.data, 'wear_image', wearImage);
            this.$set(this.data, 'measure_image', measureImage);
            if (newValue.products_base_cdoe){
                this.is_base_title = newValue.products_base_cdoe.base_code.height_code.title + "/" + newValue.products_base_cdoe.base_code.waist_code.title;
            }
            console.log("尺寸表", this.data)
        },
    },
    methods: {
        //预览
        previewImgBtn(file){
            this.previewUrl = file.url;
            this.previewVisible = true;
        },
        //删除图片
        delImgBtn(file, column){
            let index;
            for(let i in this.data[column]){
                if(this.data[column][i].uid == file.uid){
                    index = i;
                    break;
                }
            }
            if(index != undefined){
                this.data[column].splice(index, 1);
            }
        },
        //上传之前的检测
        beforeUploadHandle(file) {
            if(!['image/jpg','image/jpeg','image/png'].includes(file.type)){
                this.$message.error('上传图片只能是 jpg、png 格式!');
                return false;
            }
            this.uploadHeaders.Authorization = 'Bearer '+ getToken();
            this.btnLoading = true;
            return true;
        },
        //上传成功
        uploadSuccessHandle(column, res, fileList) {
            if(res.code === 0){
                fileList[fileList.length-1].url = res.data;
                this.data[column] = fileList;
            }else{
                fileList = fileList.filter(item => item.response && item.response.code === 0 || !item.response);
                this.$set(this.data, column, fileList);
                this.$message.error(res.msg);
            }
            this.btnLoading = false;
        },
        //获取基码信息
        getBaseCodeData(){
            basecodeList({page: 1, limit: 1000, status: 1}).then((res) =>{
                this.baseCodeList = res.data.data;
            });
        },
        //基码信息改变
        baseCodeChange(id){
            this.baseCodeLoading = true;
            let obj = {
                base_category_id: id,
                status: 1,
                page: 1,
                limit: 1000,
            };
            this.planObj = {};
            planList(obj).then((res) => {
                this.baseCodeLoading = false;
                this.planList = res.data.data;
            }).catch(()=>{
                this.baseCodeLoading = false;
            });
        },
        //修改档差 基码
        changeGearBtn(row, column, rowIndex){
            let baseCode;
            let baseIndex = 0;
            this.data.plank_house_table_title.code_list.forEach((item,index) =>{
                if(item.is_base == 1){
                    baseCode = item.size_code.title;
                    baseIndex = index;
                }
            });
            if (!column || column.property == baseCode) {
                if (row.gear_difference && row.code_list[baseCode]) {
                    let value = Number(row.code_list[baseCode]) - row.gear_difference * baseIndex;
                    this.data.plank_house_table_title.code_list.forEach((item, index) =>{
                        if(item.size_code.title != baseCode){
                            let sizeNum = parseFloat((value + index * row.gear_difference).toFixed(10));
                            this.$set(this.data.plank_house_table_data[rowIndex].code_list, item.size_code.title, sizeNum);
                        }
                    });
                }
            }
        },
        //部位信息编辑同步按钮
        positionEditBtn(){
            this.$confirm("即将修改部位信息，点击确定后部位信息原有表格数据会被完全清除，请谨慎操作！", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then( () => {
                console.log("即将修改部位信息", this.baseCodeObj, this.planObj);
                //标红的基码
                this.is_base_title = this.baseCodeObj.base_code.height_code.title + "/" + this.baseCodeObj.base_code.waist_code.title;
                //赋值
                let baseSizeCodes = [];
                this.baseCodeObj.base_size_code.forEach((item) => {
                    item = Object.assign(item, {is: true});
                    baseSizeCodes.push(item);
                });
                this.$set(this.baseCodeObj, 'base_size_code', baseSizeCodes);
                this.$set(this.data, "products_base_cdoe", this.baseCodeObj);

                let specifications_base_cdoe = {
                    id: this.baseCodeObj.id,
                    base_category: this.baseCodeObj.base_category,
                    base_size_code: []
                };
                this.baseCodeObj.base_size_code.forEach((e) => {
                    specifications_base_cdoe.base_size_code.push({
                        size_code: e.size_code,
                        specifications_base_cdoe: "",
                        is: true,
                    });
                });
                //赋值
                this.$set(this.data, "specifications_base_cdoe", specifications_base_cdoe);

                //赋值
                let plank_house_table_data = [];
                let plank_house_table_title = {
                    is_new: "同步上新表",
                    position_title: "部位",
                    position_method: "测量方法",
                    remarks: "备注",
                    gear_difference: "档差",
                    sample_code: this.baseCodeObj.base_size_code[this.baseCodeObj.base_size_code.length - 1].size_code.title + "样板尺码(cm)",
                    tolerance: "公差±(cm)",
                    code_list: this.baseCodeObj.base_size_code,
                };
                let codeList = {};
                this.baseCodeObj.base_size_code.forEach((e) => {
                    codeList[e.size_code.title] = "";
                });
                this.planObj.position_data.forEach((e, index) => {
                    let obj = {
                        id: new Date().valueOf() + index,
                        is_new: 0,
                        position_title: e.position_title,
                        position_method: e.position_method,
                        remarks: "",
                        gear_difference: "",
                        code_list: JSON.parse(JSON.stringify(codeList)),
                    };
                    //赋值
                    plank_house_table_data.push(obj);
                });
                this.data.plank_house_table_title = JSON.parse(JSON.stringify(plank_house_table_title));
                this.data.plank_house_table_data = JSON.parse(JSON.stringify(plank_house_table_data));
                console.log("修改后的信息", this.data)
            }).catch(() => {

            });
        },
        changeHeaderCellStyle(row, rowIndex) {
            if (row.column.label == this.is_base_title) {
                return { color: "red" };
            }
        },
        columnCellStyle(row, column, rowIndex) {
            if (row.column.label == this.is_base_title) {
                return { background: "#F5F7FA" };
            }
        },
        //修改尺码
        changeSizeCode(is, clickIndex) {
            let code_list = this.data.plank_house_table_title.code_list;
            for (let i = code_list.length-1; i >= 0; i--) {
                if (code_list[i].is) {
                    this.$set(this.data.plank_house_table_title, 'sample_code', code_list[i].size_code.title+"样板尺码(cm)");
                    break;
                }
            }
        },
        //删除部位信息
        delPositionBtn(index){
            this.$confirm("确定删除？", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            }).then(() => {
                this.data.plank_house_table_data.splice(index, 1);
            });
        },
        //部位信息移动按钮
        moveBtn(type, index){
            let obj = this.data.plank_house_table_data[index];
            let length = this.data.plank_house_table_data.length;
            switch (type){
                case 'up'://上移
                    if(index==0){
                        return;
                    }
                    this.data.plank_house_table_data.splice(index, 1);
                    this.data.plank_house_table_data.splice(index-1, 0, obj);
                    break;
                case 'down'://下移
                    if(index == length-1){
                        return;
                    }
                    this.data.plank_house_table_data.splice(index, 1);
                    this.data.plank_house_table_data.splice(index+1, 0, obj);
                    break;
                case 'top'://置顶
                    if(index==0){
                        return;
                    }
                    this.data.plank_house_table_data.splice(index, 1);
                    this.data.plank_house_table_data.splice(0, 0, obj);
                    break;
                case 'bottom'://置底
                    if(index == length-1){
                        return;
                    }
                    this.data.plank_house_table_data.splice(index, 1);
                    this.data.plank_house_table_data.splice(length-1, 0, obj);
                    break;
            }
        },
        //新增部位信息
        addPositionBtn() {
            if(!this.data.plank_house_table_title.code_list){
                this.$message.warning("请先选择需要编辑的基码信息")
                return;
            }
            let data_code_list = this.data.plank_house_table_data[0].code_list;
            let objs = {};
            for (let key in data_code_list) {
                objs[key] = "";
            }
            let code;
            let title_code_list = this.data.plank_house_table_title.code_list;
            title_code_list.forEach((item) => {
                if (item.is_base == 1) {
                    code = item.size_code.title;
                }
            });
            this.positionForm = {
                code,
                id: new Date().valueOf(),
                is_new: "",
                position_title: "",
                position_method: "",
                remarks: "",
                gear_difference: "",
                code_list: objs,
            };
            this.positionVisible = true;
            this.getPositionData("");
        },
        //搜索部位
        searchPositionBtn(query){
            if(query == ""){
                return;
            }
            this.getPositionData(query);
        },
        getPositionData(val){
            positionList({page: 1, limit: 20, title: val, status: 1, searchType: this.searchType ? 1 : 0}).then((res) =>{
                this.positionList = res.data.data;
            })
        },
        //部位修改
        positionChange(e){
            this.$set(this.positionForm, 'position_title', e.position_title);
            this.$set(this.positionForm, 'position_method', e.position_method);
        },
        //确认部位信息添加
        surePositionBtn(){
            this.data.plank_house_table_data.push(this.positionForm);
            this.positionVisible = false;
        },

        //保存数据
        saveBtn(){
            let data = {
                be_careful: this.data.be_careful,
                measure_image: this.data.measure_image,
                wear_image: this.data.wear_image,
                package_number: this.data.package_number,
                plank_house_table_data: this.data.plank_house_table_data,
                plank_house_table_title: this.data.plank_house_table_title,
                products_base_cdoe: this.data.products_base_cdoe,
                reminder: this.data.reminder,
                risk: this.data.risk,
                modify_comments: this.data.modify_comments,
                specifications_base_cdoe: this.data.specifications_base_cdoe,
                type_no: this.typeNo
            };
            console.log("保存尺寸表", data);
            this.btnLoading = true;
            designDetailRuleSave({id: this.ruleData.id, data: JSON.stringify(data)}).then((res) =>{
                this.btnLoading = false;
                if(res.code === 0){
                    this.$message.success("保存成功");
                }else{
                    this.$message.error(res.msg);
                }
            }).catch(()=>{
                this.btnLoading = false;
            });
        },
        //导入按钮
        importBtn(){
            this.copyForm = {type_no: "", rule_data: {}};
            this.copyVisible = true;
        },
        //搜索款号的尺寸表信息
        searchRule(){
            this.searchLoading = true;
            designDetailRule({type_no: this.copyForm.type_no}).then((res)=>{
                this.searchLoading = false;
                this.copyForm.rule_data = res.data.data;
            }).catch(() =>{
                this.searchLoading = false;
            });
        },
        //确定复制导入尺寸表
        copySubmitBtn(){
            this.$confirm(`尺寸表信息将会被 ”${this.copyForm.type_no}“ 覆盖, 确认是否继续？`, '提示', {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                this.$emit("import-data", this.copyForm.rule_data);
                this.copyVisible = false;
            }).catch(() => {

            });
        },
    },
    mounted() {
        this.getBaseCodeData();
    }
}
</script>

<style scoped>
/*上传模块*/
/deep/ .el-upload-list__item{
    display: inline-flex;
    align-items: center;
}
/deep/ .el-upload-list--picture-card{
    display: inline-flex;
    align-items: center;
}
.el-upload-list__item-thumbnail{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*上传模块*/

.position_table /deep/ .el-input__inner {
    padding: 0 !important;
    border: none !important;
    text-align: center;
}
.position-plus{
    width: 98%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;
    background-color: white;
    cursor: pointer;
}
.position-plus:hover{
    color: #57a3f3;
    background-color: #f5f7fa;
}

table, th, td {
    border: 1px solid #e8eaec;
    border-collapse: collapse; /* 移除单元格之间的间隔 */
    padding: 6px;
}
</style>
